.circle {
	position: absolute;
	left: 34.76551215151%;
	top: 3.25%;
	width: 5rem;
	height: 5rem;
	overflow: hidden;
}

.circle .ball {
	position: absolute;
	top: 0;
	left: 0;
	background: #5eafe2;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	opacity: .33;
	border-radius: 50%;
	-webkit-animation-duration: 2.4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-ms-animation-duration: 2.4s;
	-ms-animation-timing-function: linear;
	-ms-animation-iteration-count: infinite;
	-moz-animation-duration: 2.4s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
	animation-duration: 2.4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.circle .ball.c1 {
	opacity: .33;
	-webkit-transform: scale(.385);
	-ms-transform: scale(.385);
	-moz-transform: scale(.385);
	-o-transform: scale(.385);
	transform: scale(.385);
}

.circle .ball.c2 {
	-webkit-animation-name: c2;
	-webkit-animation-delay: 0s;
	-ms-animation-name: c2;
	-ms-animation-delay: 0s;
	-moz-animation-name: c2;
	-moz-animation-delay: 0s;
	-o-animation-name: c2;
	-o-animation-delay: 0s;
	animation-name: c2;
	animation-delay: 0s;
	opacity: .1;
}

.circle .ball.c3 {
	-webkit-animation-name: c2;
	-webkit-animation-delay: 1.2s;
	-ms-animation-name: c2;
	-ms-animation-delay: 1.2s;
	-moz-animation-name: c2;
	-moz-animation-delay: 1.2s;
	-o-animation-name: c2;
	-o-animation-delay: 1.2s;
	animation-name: c2;
	animation-delay: 1.2s;
	-webkit-transform: scale(.385);
	-ms-transform: scale(.385);
	-moz-transform: scale(.385);
	-o-transform: scale(.385);
	transform: scale(.385);
	opacity: .1;
}
.circle .ball.c4 {
	-webkit-animation-name: c2;
	-webkit-animation-delay: 1.2s;
	-ms-animation-name: c2;
	-ms-animation-delay: 1.2s;
	-moz-animation-name: c2;
	-moz-animation-delay: 1.2s;
	-o-animation-name: c2;
	-o-animation-delay: 1.2s;
	animation-name: c2;
	animation-delay: 1.2s;
	-webkit-transform: scale(.385);
	-ms-transform: scale(.385);
	-moz-transform: scale(.385);
	-o-transform: scale(.385);
	transform: scale(.385);
	opacity: .1;
}
.circle.box2{
	top: 52.555466489% ;
	left: 9.9251511515% ;
}
.circle.box2 .ball{
	position: absolute;
	top: -50% !important;
}
.circle.box2 .ball.c3{
	-moz-animation-delay: 1.2s !important;
	-ms-animation-delay: 1.2s !important;
	-o-animation-delay: 1.2s !important;
	-webkit-animation-delay: 1.2s !important;
	animation-delay: 1.2s !important;
}
/*.circle.box2 .ball.c4{
	-moz-animation-delay: 1.2s !important;
	-ms-animation-delay: 1.2s !important;
	-o-animation-delay: 1.2s !important;
	-webkit-animation-delay: 1.2s !important;
	animation-delay:  1.2s !important;
}*/
.bottomtext{
	font-size: .6rem;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0rem;
	top: 0rem;
}
@-webkit-keyframes c2 {
	0% {
		-webkit-transform: scale(.385);
		-ms-transform: scale(.385);
		-moz-transform: scale(.385);
		-o-transform: scale(.385);
		transform: scale(.385);
		opacity: .3
	}
	50% {
		-webkit-transform: scale(.622);
		-ms-transform: scale(.622);
		-moz-transform: scale(.622);
		-o-transform: scale(.622);
		transform: scale(.622);
		opacity: .2
	}
	98% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: .1
	}
	100% {
		opacity: 0
	}
}

@-ms-keyframes c2 {
	0% {
		-webkit-transform: scale(.385);
		-ms-transform: scale(.385);
		-moz-transform: scale(.385);
		-o-transform: scale(.385);
		transform: scale(.385);
		opacity: .3
	}
	50% {
		-webkit-transform: scale(.622);
		-ms-transform: scale(.622);
		-moz-transform: scale(.622);
		-o-transform: scale(.622);
		transform: scale(.622);
		opacity: .2
	}
	98% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: .1
	}
	100% {
		opacity: 0
	}
}

@-moz-keyframes c2 {
	0% {
		-webkit-transform: scale(.385);
		-ms-transform: scale(.385);
		-moz-transform: scale(.385);
		-o-transform: scale(.385);
		transform: scale(.385);
		opacity: .3
	}
	50% {
		-webkit-transform: scale(.622);
		-ms-transform: scale(.622);
		-moz-transform: scale(.622);
		-o-transform: scale(.622);
		transform: scale(.622);
		opacity: .2
	}
	98% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: .1
	}
	100% {
		opacity: 0
	}
}

@-o-keyframes c2 {
	0% {
		-webkit-transform: scale(.385);
		-ms-transform: scale(.385);
		-moz-transform: scale(.385);
		-o-transform: scale(.385);
		transform: scale(.385);
		opacity: .3
	}
	50% {
		-webkit-transform: scale(.622);
		-ms-transform: scale(.622);
		-moz-transform: scale(.622);
		-o-transform: scale(.622);
		transform: scale(.622);
		opacity: .2
	}
	98% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: .1
	}
	100% {
		opacity: 0
	}
}

@keyframes c2 {
	0% {
		-webkit-transform: scale(.385);
		-ms-transform: scale(.385);
		-moz-transform: scale(.385);
		-o-transform: scale(.385);
		transform: scale(.385);
		opacity: .3
	}
	50% {
		-webkit-transform: scale(.622);
		-ms-transform: scale(.622);
		-moz-transform: scale(.622);
		-o-transform: scale(.622);
		transform: scale(.622);
		opacity: .2
	}
	98% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: .1
	}
	100% {
		opacity: 0
	}
}